<!DOCTYPE html>
<html lang = "zh-cmn-Hans" >
<head >
	<meta charset = "UTF-8" >
	<title >管理后台</title >
	<link href = "bootstrap-3.3.7-dist/css/bootstrap.min.css" rel = "stylesheet" />
	<link href = "GridManager_2.15.2/css/gm.css" rel = "stylesheet" />
	
	<script src = "js/jquery.min.js" ></script >
	<script src = "bootstrap-3.3.7-dist/js/bootstrap.min.js" ></script >
	<script src = "js/http.js" ></script >
	<script src = "js/vue.js" ></script >
	<script src = "GridManager_2.15.2/js/gm.js" ></script >
</head >
<body >
<div >
	<nav class = "navbar navbar-default" >
		<div class = "container-fluid" >
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class = "navbar-header" >
				<button aria-expanded = "false" class = "navbar-toggle collapsed"
				        data-target = "#bs-example-navbar-collapse-1"
				        data-toggle = "collapse" type = "button" >
					<span class = "sr-only" >Toggle navigation</span >
					<span class = "icon-bar" ></span >
					<span class = "icon-bar" ></span >
					<span class = "icon-bar" ></span >
				</button >
				<a class = "navbar-brand" href = "#" >暴富网盘</a >
			</div >
			
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class = "collapse navbar-collapse" id = "bs-example-navbar-collapse-1" >
				<ul class = "nav navbar-nav" >
					<li class = "active" ><a href = "index.html" >首页 <span class = "sr-only" >(current)</span ></a ></li >
					<li ><a href = "#" >施工中</a ></li >
					<li class = "dropdown" >
						<a aria-expanded = "false" aria-haspopup = "true" class = "dropdown-toggle"
						   data-toggle = "dropdown"
						   href = "#" role = "button" >未开发 <span class = "caret" ></span ></a >
						<ul class = "dropdown-menu" >
							<li ><a href = "#" >Action</a ></li >
							<li ><a href = "#" >Another action</a ></li >
							<li ><a href = "#" >Something else here</a ></li >
							<li class = "divider" role = "separator" ></li >
							<li ><a href = "#" >Separated link</a ></li >
							<li class = "divider" role = "separator" ></li >
							<li ><a href = "#" >One more separated link</a ></li >
						</ul >
					</li >
				</ul >
				
				<ul class = "nav navbar-nav navbar-right" >
					<li ><a href = "#" ></a ></li >
					<li class = "dropdown" >
						<a aria-expanded = "false" aria-haspopup = "true" class = "dropdown-toggle"
						   data-toggle = "dropdown"
						   href = "#" id = "adminUsername" role = "button" >{{adminUsername()}} <span
								class = "caret" ></span ></a >
						<ul class = "dropdown-menu" >
							<li ><a href = "javascript:exit()" >退出</a ></li >
						</ul >
					</li >
				</ul >
			</div ><!-- /.navbar-collapse -->
		</div ><!-- /.container-fluid -->
	</nav >
</div >

<div class = "jumbotron col-md-8 col-lg-offset-2" >
	<div >
		<div class = "btn-group" role = "group" >
			<button aria-expanded = "false" aria-haspopup = "true" class = "btn btn-default"
			        data-toggle = "dropdown" id = "delete" onclick = "deleteDocument()" type = "button" >
				删除文件
			</button >
		</div >
		<div class = "btn-group" role = "group" >
			<button aria-expanded = "false" aria-haspopup = "true" class = "btn btn-default"
			        data-toggle = "dropdown" id = "undelete" onclick = "undeleteDocument()" type = "button" >
				取消删除状态
			</button >
		</div >
	
	</div >
	
	<div class = "table-responsive" >
		<br >
		<table id = 'files' ></table >
	</div >
</div >
<script src = "js/file-management.js" type = "text/javascript" ></script >
</body >

<script type = "text/javascript" >
	
	let adminUsername = new Vue({
		el: '#adminUsername',
		methods: {
			adminUsername: function() {
				let cookieList = document.cookie.split(";");
				let cookie;
				let username;
				for(let i = 0; i < cookieList.length; i ++) {
					cookie = cookieList[i];
					if(cookie.charAt(0) == " ") {
						cookie = cookie.substring(1);
					}
					if(cookie.indexOf("username") != - 1) {
						username = cookie.split("=")[1];
					}
				}
				return username;
			}
			
		},
		
	});

</script >

</html >